<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>my_center_wallet</title>

    <!--[if gte IE 9]>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script src="assets/libs/flexie.js" type="text/javascript"></script>
    <![endif]-->
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/achievement.css">
</head>
<body>
<section>
    <div class="achievement_left">
        <div class="achievement_choose">
            <span>个人中心</span>
            <img class="active" src="static/img/ic_leftToNext.png" alt="">
        </div>
        <ul class="achievement_choose_hidden active">
            <li><a href="my_center_data.html">我的信息</a></li>
            <li class="active"><a href="my_center_wallet.html">我的钱包</a></li>
            <li><a href="my_center_AccountSecurity.html">账号安全</a></li>
        </ul>
    </div>
    <div class="my_center_wallet">
        <div class="my_center_wallet_newsCenter">
            <img src="static/img/img_all02.png" alt="" class="my_center_wallet_newsCenter_logo">
            <div class="my_center_wallet_newsCenter_main">
                <p class="my_center_wallet_TipName">妈的智障</p>
                <ul class="my_center_wallet_moneyList">
                    <li class="my_center_wallet_money">
                        <i class="inline_logo yubi_logo"></i>
                        <span class="my_center_wallet_moneyTypeName">鱼币</span>
                        <span class="my_center_wallet_moneyCount">200</span>
                    </li>
                    <li class="my_center_wallet_money">
                        <i class="inline_logo yuliang_logo"></i>
                        <span class="my_center_wallet_moneyTypeName">鱼币</span>
                        <span class="my_center_wallet_moneyCount">200</span>
                    </li>
                </ul>
                <ul class="my_center_wallet_transaction">
                    <li class="my_center_wallet_transactionBtn"><a href="#recharge">充值</a></li>
                    <li class="my_center_wallet_transactionBtn"><a href="my_center_wallet_Withdrawals.html">提现</a></li>
                </ul>
            </div>
        </div>
        <div class="my_center_wallet_record">
            <div id="Transaction" class="active">
                <ul class="Transaction_nav">
                    <li class="active"><a href="#RechargeRecord">充值记录</a></li>
                    <li><a href="#WithdrawalsRecord">提现记录</a></li>
                    <li><a href="#GivingPayment">打赏给别人</a></li>
                    <li><a href="#ReceivePayment">收到的打赏</a></li>
                    <li><a href="#GivingGifts">送出的礼物</a></li>
                    <li><a href="#ReceiveGifts">收到的礼物</a></li>
                </ul>
                <div class="Transaction_date">
                    <span class="Transaction_dateText">时间：</span>
                    <p id="StartDate" class="Transaction_dateText Transaction_dateChoose"></p>
                    <span class="Transaction_dateText">-</span>
                    <p id="EndDate" class="Transaction_dateText Transaction_dateChoose"></p>
                    <span class="Transaction_dateText Transaction_dateChooseday">今天</span>
                    <span class="Transaction_dateText">最近：</span>
                    <span class="Transaction_dateText Transaction_dateChooseday">一个月</span>
                    <span class="Transaction_dateText Transaction_dateChooseday">三个月</span>
                    <span class="Transaction_dateText Transaction_dateChooseday">半年</span>
                </div>
                <ul class="Transaction_Record">
                    <!--充值记录-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_green_fish"></i>
                        <div class="Transaction_RecordType">
                            <p><span class="Transaction_RecordTypeText">鱼币充值</span></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_Positive">+600</span>
                    </li>
                    <!--提现记录-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_red_fish"></i>
                        <div class="Transaction_RecordType">
                            <p><span class="Transaction_RecordTypeText">鱼粮提现</span></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_negative">-600</span>
                    </li>
                    <!--打赏给别人-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_red_fish"></i>
                        <div class="Transaction_RecordType">
                            <p><span class="Transaction_RecordTypeText">你打赏</span><a href="#" class="Transaction_RecordJumpText">啥子咯</a></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_negative">-600</span>
                    </li>
                    <!--别人给你打赏-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_green_food"></i>
                        <div class="Transaction_RecordType">
                            <p><a href="#" class="Transaction_RecordJumpText">傻子</a><span class="Transaction_RecordTypeText">打赏给你</span><a href="#" class="Transaction_RecordJumpText">傻子</a></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_Positive">+600</span>
                    </li>
                    <!--收到的礼物-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_green_food"></i>
                        <div class="Transaction_RecordType">
                            <p><a href="#" class="Transaction_RecordJumpText">啥子咯</a><span class="Transaction_RecordTypeText">投喂了我</span><a href="#" class="Transaction_RecordJumpText">啥子咯</a></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_Positive">+600</span>
                    </li>
                    <!--送出的礼物-->
                    <li>
                        <i class="inline_logo Transaction_RecordLOGO icon_red_fish"></i>
                        <div class="Transaction_RecordType">
                            <p><span class="Transaction_RecordTypeText">你投喂了</span><a href="#" class="Transaction_RecordJumpText">啥子咯</a><span class="Transaction_RecordTypeText">给</span><a href="#" class="Transaction_RecordJumpText">啥子咯</a></p>
                            <p class="Transaction_Record_date">2017-08-09 11:25</p>
                        </div>
                        <span class="Transaction_Record_price Transaction_Record_price_negative">-600</span>
                    </li>
                </ul>
            </div>
            <div id="recharge">
                <p class="my_center_wallet_transaction_title">充值鱼币</p>
                <ul class="recharge_listBox">
                    <li class="recharge_list active">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo active"></i>
                    </li>
                    <li class="recharge_list">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo"></i>
                    </li>
                    <li class="recharge_list">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo"></i>
                    </li>
                    <li class="recharge_list">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo"></i>
                    </li>
                    <li class="recharge_list">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo"></i>
                    </li>
                    <li class="recharge_list">
                        <p>
                            <span class="recharge_sumLogo">¥</span>
                            <span class="recharge_sum">５.００</span>
                        </p>
                        <p>
                            <i class="inline_logo recharge_yubiLogo"></i>
                            <span class="recharge_money">5</span>
                        </p>
                        <i class="inline_logo recharge_listLogo"></i>
                    </li>
                </ul>
                <div class="recharge_payType">
                    <span class="recharge_payTypeText">选择支付方式</span>
                    <span class="recharge_payTypeBorder active">
                        <i class="inline_logo alipay"></i>
                    </span>
                    <span class="recharge_payTypeBorder">
                        <i class="inline_logo wechatpay"></i>
                    </span>
                </div>
                <div class="recharge_pay">
                    <span class="recharge_payBtn">立即支付¥5.00</span>
                    <span class="recharge_Reminder">温馨提示：1元=1鱼币 可购买礼品和打赏，鱼币不可提现</span>
                </div>
            </div>
            <div id="Withdrawals">

            </div>
        </div>
    </div>
</section>
<script src="assets/libs/jquery.js"></script>
<script src="assets/libs/laydate/laydate.js"></script>
<script>
    $(function(){
        var Newdate = new Date();
        var year = Newdate.getFullYear();
        var month = Newdate.getMonth()+1;
        var day = Newdate.getDate();
        var max = year+'-'+month+'-'+day;
        laydate.render({
            elem: '#StartDate', //指定元素
            max: max,
            theme: '#ff7630',
            position: 'absolute',
            value: '2017-11-11',
            done: function(value, date, endDate){
            }
        });
        laydate.render({
            elem: '#EndDate', //指定元素
            max: max,
            theme: '#ff7630',
            position: 'absolute',
            value: '2017-12-07',
            done: function(value, date, endDate){
                console.log(value);
                console.log(date);
            }
        });
    })
</script>
<!--<script src="static/js/achievement_choose.js"></script>-->
<script src="static/js/my_center_wallet.js"></script>
</body>
</html>